{% extends "base.html" %}
{% block title %}Gallery · {{ app_name }}{% endblock %}
{% block body %}
<h1>Gallery <small class="hint">{{ media|length }}{% if kind %} of {{ total }}{% endif %} photos</small> <a class="gear" href="/settings#stamps" title="stamp layout and stats">⚙</a></h1>
{#- Filter chips (issue #26). Each chip is a LINK carrying the filter in the query string, so
    a filtered gallery is shareable and reloadable. A chip at zero is disabled, never hidden:
    "you have no verification shots yet" is a different statement from "this app has no
    such thing", and only the first is true here. -#}
<nav class="chips filters" aria-label="filter by kind">
  <a class="chip{% if not kind %} on{% endif %}" href="/gallery">All <small>{{ total }}</small></a>
  {% for k, label, n in kind_chips %}
    {% if n %}<a class="chip{% if kind == k and not cat %} on{% endif %}" href="/gallery?kind={{ k }}">{{ label }} <small>{{ n }}</small></a>
    {% else %}<span class="chip off" aria-disabled="true" title="none yet">{{ label }} <small>0</small></span>{% endif %}
  {% endfor %}
  {% if wardrobe_n %}<a class="chip{% if cat == 'wardrobe' %} on{% endif %}" href="/gallery?kind=kit&amp;cat=wardrobe">👕 Wardrobe <small>{{ wardrobe_n }}</small></a>
  {% elif kind_chips and kind_chips[-1][2] %}<span class="chip off" aria-disabled="true" title="no gear photos yet">👕 Wardrobe <small>0</small></span>{% endif %}
</nav>
{% if kind == 'kit' and cat_chips %}
<nav class="chips filters" aria-label="filter by kit category">
  {% for slug, title, icon, n in cat_chips %}
    <a class="chip{% if cat == slug %} on{% endif %}" href="/gallery?kind=kit&amp;cat={{ slug }}">{{ icon }} {{ title }} <small>{{ n }}</small></a>
  {% endfor %}
</nav>
{% endif %}
{% if carried_n %}
<p class="hint">🧳 {{ carried_n }} photo{{ '' if carried_n == 1 else 's' }} arrived from your other box — they live under <a href="/pup/media">Pup ID → What travels</a> (and on their kit item), not here: they count toward nothing on this box and are never stamped with its history.</p>
{% endif %}
{% if media %}
<div class="gallery">
  {% for m in media %}
  <figure class="shot" id="m{{ m.id }}">
    <a href="/media/{{ m.id }}" target="_blank"><img src="/media/{{ m.id }}/thumb" alt="{{ m.caption }}" loading="lazy"></a>
    <figcaption>
      <b>{{ m.task_title or m.item_name or m.caption or m.kind }}</b>
      <span>{{ (m.taken_at or m.uploaded_at)|local }}</span>
      <div class="chips">
        <a class="chip on" data-share data-name="latch-{{ m.id }}-stamped.jpg" href="/media/{{ m.id }}/stamped">📤 share stamped</a>
        {#- The share CARD for this photo: the ★ default preset (else the Check-in starter) with
            the photo named — the same door as the dashboard's 📤 nudge. -#}
        <a class="chip" href="/share?{{ {'preset': card_preset, 'photo': m.id}|urlencode }}" title="A share card and post text for this photo">🃏 card</a>
      </div>
      {#- 🧳 is CARRY ONLY: it travels with the pup to their own next box, in pup.json. It never
          decides what any pack sees — that is chosen on /consent, item by item. -#}
      <form method="post" action="/pup/media/{{ m.id }}" class="carry">
        <input type="hidden" name="_t" value="{{ form_token('pup.media') }}">
        <input type="hidden" name="on" value="{{ '0' if m.portable else '1' }}">
        {%- set st = carry.get(m.id) if m.portable else None %}
        <button class="chip {{ 'on' if st == 'travels' else '' }}" title="{{ 'marked to travel — tap to keep it here' if m.portable else 'travels with my pup to my next box — not shown to any pack' }}">🧳 {{ carry_label[st] if st else 'stays here' }}</button>
      </form>
      <details class="stamp">
        <summary>&#11015; stamped export</summary>
        <div class="chips">
          {% for tok, name in stamp_layouts %}
            <a class="chip" href="/media/{{ m.id }}/stamped?layout={{ tok }}" download>{{ name }}</a>
          {% endfor %}
        </div>
      </details>
    </figcaption>
  </figure>
  {% endfor %}
</div>
{% else %}
<section class="card"><p class="hint">{% if kind or cat %}Nothing under this filter yet — <a href="/gallery">show everything</a>.{% else %}No photos yet — tap 📸 on the dashboard, or complete a verification task, and it lands here.{% endif %}</p></section>
{% endif %}
{% endblock %}